//  写一个入口函数
$(function () {
  // 给去注册绑定点击事件
  $('#link-reg').on('click', function () {
    $('.login-box').hide()
    $('.reg-box').show()
  })
  // 给去登录绑定点击事件
  $('#link-login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  })
})
// 自定义校验规则
// 从layui中获取form对象
var form = layui.form
// 从layui中获取layer内置对象
var layer=layui.layer
form.verify({
  // 自定义了一个pwd的验证规则
  pwd: [
    /^[\S]{6,12}$/
    , '密码必须6到12位，且不能出现空格'
  ],
  // 自定义确认密码验证规则
  repwd: function (value) {
    var pwd = $('.reg-box [name=password]').val()
    if (pwd !== value) {
      return '两次密码不一致,请重新输入'
    }
  }
})
// 监听注册表单提交事件
$('#form-reg').on('submit',function(e){
// 阻止默认提交行为
e.preventDefault();
// 发起Post请求后端接口
$.post('/api/reguser',{username:$('#form-reg [name=username]').val(),password:$('#form-reg [name=password]').val()},function(res){
  if(res.status!==0) return  layer.msg(res.message)
   layer.msg('注册成功!已跳转导登录页面')
  //  模拟人的点击行为
  $('#link-login').click()
})
})
// 监听登录表单提交事件
$('#form-login').submit(function(e){
  e.preventDefault()
  // 利用ajax发起post请求
  $.ajax({
    type:'post',
    url:'/api/login',
    // 快速获取表单中的数据
    data:$(this).serialize(),
    success:function(res){
      if(res.status!==0)  return layer.msg('登录失败')
      layer.msg('登录成功')
      // 把服务器给的token存入localstorage
      console.log(res.token)
      localStorage.setItem('token',res.token)
      // 跳转到首页
      location.href='./index.html'

    }
  })
})